body,html{width:100%;height:100%;margin:0;padding:0;
    /*font-size:14px;color:#555;font-family:'微软雅黑';*/
    background-color:#000;
    overflow: hidden;}
#datav {
    width: 100%;
    height: 100%;
    background-color: #030409;
    color: #fff;
}

#datav #dv-full-screen-container{
    background-image: url(../img/aircraft.jpeg);
    background-size: 100% 100%;
    box-shadow: 0 0 3px blue;
}

#datav #container{
    display: flex;
    height: 100%;
    width: 100%;
}

#datav #container .left_container {
    width: 32%;
    padding: 4% 1% 1% 1%;
}
#datav #container .left_container #dv-border-box-8 {
    display: flex;
    flex-direction:column;
}
#datav .testbench{
    height: 33%;
    display: flex;
    flex-direction:column;
}
#datav .testbench_bottom{
    height: 10px;
    padding: 1%;
}
#datav .testbench .bench{
    display: flex;
}
#datav .testbench .bench .zhuxingtu{
    padding-left: 7%;
}
#datav .testbench .bench .bingtu{
    padding-right: 3%;
}
#datav .bench-header{
    height: 13%;
    padding-top: 10px;
}
#datav .testbench .bench .left-header{
    width: 35%;
    font-size: large;
    text-align: center;
}
#datav .testbench .bench .middle-header{
    width: 25%;
    text-align: center;
    font-size: large;
}
#datav .testbench .bench .righ-header{
    width: 40%;
    font-size: large;
    text-align: center;
}
#datav .bench-container{
    padding-top: 15px;
    height: 80%;
}
#datav .testbench .bench .b_left-container{
    width: 60%;
}
#datav .testbench .bench .b_righ-container{
    width: 40%;
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
}
#datav .testbench .bench .b_righ-container .bingtu{
    height: 85%;
}
#datav .testbench .bench .b_righ-container .time_interval{
    height: 15%;
    color: #00FF00;
}
#datav .testbench .bench .b_righ-container .active-ring-name{
    color: #00FF00;
}

#datav #container .right_container {
    width: 68%;
    margin: 4% 2% 1% 0;
}
#datav #dv-border-box-10 {
    display: flex;
    flex-direction:column;
}
#datav .right-header{
    height: 7%;
    font-size: x-large;
    font-weight:bold;
    color: #1a7bb9 ;
    text-align: center;
}
#datav .component_details{
    display: flex;
}
#datav .component_details .right-column1{
    width: 33%;
}
#datav .component_details .right-column2{
    width: 34%;
}
#datav .component_details .right-column3{
    width: 33%;
}
#datav .right-img{
    height: 13%;
    text-align: center;
}
#datav .right-img img{
    width:auto;
    height:100%;
}
#datav .right-introduction{
    height: 30%;
    color: whitesmoke;

}
#datav .right-introduction .introduction{
    font-size: 78%;
    padding-top: 1%;
    padding-right: 2%;
}
#datav .right-detail{
    height: 50%;
}
#datav .right-detail #dv-border-box-5{
    display: flex;
    flex-direction:column;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div{
    margin: 0 3% 2% 2%;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-status{
    padding-top: 3%;
    padding-left: 33%;
    height: 12%;
    font-size: large;
    display: flex;
    flex-direction: row;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-status img{
    width: 12%;
    height: auto;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-header{
    padding-left: 1%;
    padding-right: 2%;
    padding-bottom: 2%;
    text-align: center;
    height: 10%;
    display: flex;
    flex-direction: row;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-header .piece-num{
    text-align: left;
    width: 73%;
    color: #00a65a;
    font-size: 15px;
    display: flex;
    flex-direction: column;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-header .piece-time{
    padding-top: 1%;
    text-align: right;
    width: 28%;
    color: #00a65a;
    font-size: 15px;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-tableHeader{
    height: 8%;
    display: flex;
    flex-direction: row;
    padding: 0;
    font-size: 18px;
    color: #F0F8FF;
    height: auto !important;
    line-height: 1.2 !important;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-tableHeader .testItem{
    text-align: center;
    width: 65%;
    padding: 0;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-tableHeader .testResult{
    text-align: center;
    width: 35%;
    padding: 0;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-container{
    height: 70%;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-container .dv-scroll-board{
    width: 80%;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-container .dv-scroll-board .rows{
    height:auto !important;
    font-size: large;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-container .dv-scroll-board .rows .row-item{
    height:auto !important;
}
#datav .right-detail .piece_details .dv-border-box-5 .piece_div .piece-container .dv-scroll-board .rows .ceil{
    font-size: large;
    line-height:1.2;
    color: #00a65a;
    height:auto !important;
    white-space: pre-line;
    padding: 7px 0 0 5px;
}

